﻿<!DOCTYPE html>
<html>
<head>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
	<title>cardistry</title>
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/iconfont.css" />
	<link rel="stylesheet" href="css/style.css" />
</head>
<body>



<div class="header">
	<a href="" class="h-logo"></a>
	<ul class="h-nav">
		<li><a href="index.html"><span class="icon">&#xe600;</span>首页</a></li>
		<li  class="on"><a href="square.html"><span class="icon">&#xe607;</span>广场</a></li>
		<!-- <li><a href=""><span class="icon">&#xe603;</span>挑战</a></li> -->
		<li><a href="learn.html"><span class="icon">&#xe604;</span>教学</a></li>
		<!-- <li><a href=""><span class="icon">&#xe606;</span>纸牌</a></li> -->
	</ul>
	<div class="h-func">
		<a href="javascript:void(0);"><span class="icon">&#xe616;</span>zhangbo8264</a>
		<a href="javascript:void(0);" id="identification"><span class="icon">&#xe615;</span>资深认证</a>
		<a href="javascript:void(0);" id="logIn"><span class="icon">&#xe61b;</span>登陆</a>
		<a href="javascript:void(0);" id="register"><span class="icon">&#xe61c;</span>注册</a>
		<!-- <a href=""><span class="icon">&#xe623;</span></a> -->
	</div>
</div>


<div class="funcNav">
	<ul>
		<li><a href="javascript:void(0)"><span class="icon">&#xe609;</span><strong>我的作品</strong></a></li>
		<li><a href="javascript:void(0)"><span class="icon">&#xe61d;</span><strong>我的收藏</strong></a></li>
		<li><a href="javascript:void(0)"><span class="icon">&#xe61f;</span><strong>创作</strong></a></li>
	</ul>
</div>

<div class="content">
	
	<div class="timeline" id="timeline">
		<!-- <ul class="clearfix">
			<li class="tl-time">
				<b></b>
				<span>2014年9月</span>
			</li>
			<li class="type-article self-option">
				<a href="" class="user-photo"><img src="images/4.jpg" /></a>
				<span class="icon tl-article">&#xe60a;</span>
				<span class="icon tl-video">&#xe613;</span>
				<div class="con">
					<a href="" class="clearfix">
						<div><img src="images/1.jpg"><i></i></div>
						<strong>文章标题</strong>
						<span>ULMEN 审判由 13个挑战项目所组成。每个项目都是由一些想挑战这个审判的高手和挑战高难度花式玩牌技巧的人想象出来的。完成审判的奖要先拿到Ulmen4大奖章和达到他们的 "主人" 的水平。</span>
					</a>
				</div>
				<div class="ui-func clearfix">
					<a href="javascript:void(0);" class="icon edit">&#xe61f;</a>
					<a href="javascript:void(0);" class="icon delete">&#xe627;</a>
					<a href="javascript:void(0);" class="icon heart">&#xe61d;</a>
					<a href="javascript:void(0);" class="icon share">&#xe624;</a>
				</div>
			</li>
			<li class="type-video">
				<a href="" class="user-photo"><img src="images/3.jpg" /></a>
				<span class="icon tl-article">&#xe60a;</span>
				<span class="icon tl-video">&#xe613;</span>
				<div class="con">
					<a href="" class="clearfix">
						<div><img src="images/1.jpg"><i></i></div>
						<strong>视频标题</strong>
						<span></span>
					</a>
				</div>
				<div class="ui-func clearfix">
					<a href="javascript:void(0);" class="icon edit">&#xe61f;</a>
					<a href="javascript:void(0);" class="icon delete">&#xe627;</a>
					<a href="javascript:void(0);" class="icon heart">&#xe61d;</a>
					<a href="javascript:void(0);" class="icon share">&#xe624;</a>
				</div>
			</li>
		</ul> -->
	</div>

	<div class="publish" id="publish">
		<ul class="publish-nav clearfix">
			<li><a href="javascript:void(0)"><span class="icon">&#xe60a;</span>文章</a></li>
			<li><a href="javascript:void(0)"><span class="icon">&#xe613;</span>视频</a></li>
			<li><a href="javascript:void(0)"><span class="icon">&#xe610;</span>链接</a></li>
			<li><a href="javascript:void(0)"><span class="icon">&#xe612;</span>讨论</a></li>
		</ul>
		<div class="publish-form">
			<p class="publish-form-help">请选择你要创建的作品类型</p>
			<p class="publish-form-need">资深玩家权限，您需要先认证资深玩家 
				<a href=""><span class="icon">&#xe615;</span>立即认证</a>
			</p>
		</div>
	</div>

</div>
<div class="popup popup-opus">
	<div class="popup-inner clearfix">
		<div class="article"></div><div class="discuss"></div>
	</div>
	<a href="javascript:void(0)" class="popup-close icon">&#xe61e;</a>
</div>


<div class="tip" id="tip">
	<div class="tip-line">
		<a href=""><span class="icon">&#xe60e;</span>您有个人信息需要完善！</a>
		<b class="icon">&#xe61e;</b>
	</div>
	<div class="tip-line">
		<a href=""><span class="icon">&#xe62e;</span>您有3条新消息</a>
		<b class="icon">&#xe61e;</b>
	</div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/sea.min.js"></script>
<script type="text/javascript">
seajs.config({
    base: "sea-modules/"
});
seajs.use(['square','menu']);	
</script>
</body>
</html>